<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * 自定义一个函数
         */ 
        function sum(num1, num2){
            console.log(num1, num2)
            var result = num1 + num2
            return result
        }

        // 调用函数
        // console.log(sum(3,5)) 
        // console.log(sum(3,5,9)) 
        console.log(sum(3)) 


        /**
         * 当点击窗口时触发
         */ 
        window.onclick = function(){ // 匿名函数/回调函数
            console.log('您点击了窗口。。。。')
        }

        /**
         * 箭头函数
         * 语法：参数 => 表达式
         */ 
        // 定义函数的多种方式
        // 方式1 
        // function f1(x){
        //     return x*2
        // }

        // 方式2
        // var f1 = function(x){
        //     return x*2
        // }

        // 方式3
        var f1 = x => x*2

        console.log(f1(3))


        // var f2 = function (x,y){
        //     return x+y
        // }
        var f2 = (x,y) => x+y

        // var f3 = function(){
        //     return 9
        // }
        var f3 = () => 9

        // var f4 = function(){
        //     console.log(111)
        //     console.log(222)
        //     console.log(333)
        // }
        var f4 = () => {
            console.log(111)
            console.log(222)
            console.log(333)
        }

    </script>
</body>
</html>